<template>
  <div>
    <!-- -->
      <h1>我是父组件 </h1>
      <div>
        <!-- 子路由的访问 要加上一级的路由的路径
         -->
        <router-link to="/mytran/tranone">去第一个子组件</router-link>|
         <router-link to="/mytran/trantwo">去第二个子组件</router-link>

         <div>
          <!-- 设置子路由 要配合router-view
          给子路由开设视口 -->
          <router-view />
         </div>
      </div>
  </div>
</template>

<script>
export default {
  name: '2209vueIndex',

  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>
<style lang="less" scoped>
// 给当前激活的router-link加样式
    .router-link-exact-active{
      color:red;
      font-size:20px;
    }
 
</style>